<div class="monitor-tab-div">
    <!-- 基本信息 -->
    <div class="m-panel">
    	<div class="m-panel-title">
    		<span>基本信息</span>
    	</div>
    	<div class="m-panel-body base-info-div">
    		<form class="bs-example form-horizontal xs-form">
                <div id="base_info_monitor_div">
                    <div class="form-group">
                        <label class="col-lg-2 control-label">监控器名称：</label>
                        <label class="col-lg-4 control-label tl" data-id="monitorName"></label>
                        <label class="col-lg-2 control-label">监控器类型：</label>
                        <label class="col-lg-4 control-label tl" data-id="monitorType"></label>
                    </div>
                </div>

                <div id="base_info_asset_div"> 
                    <div class="form-group"></div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">被监控资产名称：</label>
                        <label class="col-lg-4 control-label tl" data-id="assetName"></label>
                        <label class="col-lg-2 control-label">资产类型：</label>
                        <label class="col-lg-4 control-label tl" data-id="assetTypeName"></label>
                    </div>

                    <div class="form-group">
                        <label class="col-lg-2 control-label">IP：</label>
                        <label class="col-lg-4 control-label tl" data-id="mainIp"></label>
                        <label class="col-lg-2 control-label">安全域：</label>
                        <label class="col-lg-4 control-label tl" data-id="securityDomainName"></label>
                    </div>

                    <div class="form-group">
                        <label class="col-lg-2 control-label">操作系统：</label>
                        <label class="col-lg-4 control-label tl" data-id="osTypeName"></label>
                        <label class="col-lg-2 control-label">物理位置：</label>
                        <label class="col-lg-4 control-label tl" data-id="locationCbName"></label>
                    </div>
                </div>
            </form>
    	</div>
    </div>

    <!-- 基本信息 -->
    <div class="m-panel">
        <div class="m-panel-title">
            <span>NGNIX信息</span>
        </div>
        <div class="m-panel-body base-info-div" id="nginx_info">
            <form class="bs-example form-horizontal xs-form">
                <div id="nginx_info">
                    <div class="form-group">
                        <label class="col-lg-2 control-label">当前活动连接：</label>                      
                        <label class="col-lg-4 control-label tl" data-id="activeConnection"></label>
                        <label class="col-lg-2 control-label">每秒请求数：</label>
                        <label class="col-lg-4 control-label tl" data-id="requestPersecond"></label>
                    </div>
             
                    <div class="form-group">

                        <label class="col-lg-2 control-label">总请求：</label>              

                        <label class="col-lg-4 control-label tl" data-id="serverRequests"></label>
                        <label class="col-lg-2 control-label">当前读请求数：</label>                 

                        <label class="col-lg-4 control-label tl" data-id="requestHeading"></label>
                    </div>

                    <div class="form-group">
                        <label class="col-lg-2 control-label">当前写请求数：</label>                 

                        <label class="col-lg-4 control-label tl" data-id="requestWriting"></label>
                        <label class="col-lg-2 control-label">当前等待请求数：</label>                    
                        <label class="col-lg-4 control-label tl" data-id="requestWaiting"></label>
                    </div>
                     <div class="form-group">

                        <label class="col-lg-2 control-label">响应时间：</label>
                        <label class="col-lg-4 control-label tl" data-id="responseTime"></label>
                        <label class="col-lg-2 control-label"></label>
                        <label class="col-lg-4 control-label tl"></label>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="box">
        <div class="box-item" style="width:50%">
            <!-- 响应时间-->
            <div class="m-panel">
                <div class="m-panel-title">
                    <span>响应时间</span>
                </div>
                <div class="m-panel-body">
                    <div id="response_time_chart" class="monitor-chart" style="height:210px"></div>
                </div>
            </div>
        </div>
        <div class="box-item" style="width:50%">
            <!-- 活动连接 -->
            <div class="m-panel">
                <div class="m-panel-title">
                    <span>活动连接</span>
                </div>
                <div class="m-panel-body">
                    <div id="active_connection_chart" class="monitor-chart" style="height:210px"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="box">
        <div class="box-item" style="width:50%">
            <!-- 每秒请求-->
            <div class="m-panel">
                <div class="m-panel-title">
                    <span>每秒请求</span>
                </div>
                <div class="m-panel-body">
                    <div id="request_perSecond_chart" class="monitor-chart" style="height:210px"></div>
                </div>
            </div>
        </div>
        <div class="box-item" style="width:50%">
            <!-- 读状态的请求 -->
            <div class="m-panel">
                <div class="m-panel-title">
                    <span>读状态的请求</span>
                </div>
                <div class="m-panel-body">
                    <div id="request_reading_chart" class="monitor-chart" style="height:210px"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="box">
        <div class="box-item" style="width:50%">
            <!-- 写状态的请求-->
            <div class="m-panel">
                <div class="m-panel-title">
                    <span>写状态的请求</span>
                </div>
                <div class="m-panel-body">
                    <div id="request_writing_chart" class="monitor-chart" style="height:210px"></div>
                </div>
            </div>
        </div>
        <div class="box-item" style="width:50%">
            <!-- 等待状态的请求 -->
            <div class="m-panel">
                <div class="m-panel-title">
                    <span>等待状态的请求</span>
                </div>
                <div class="m-panel-body">
                    <div id="request_waiting_chart" class="monitor-chart" style="height:210px"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="monitor-tab-div" data-type="event"></div>


<script type="text/javascript">
$(document).ready(function (){
require([index_web_app_name + '/js/plugin/monitor/catagory/nginx.js'] ,function (nginx){

var urlParamObj = index_query_param_get()
view_init()

function view_init()
{
    urlParamObj.time = $("#query_time_label").text()
    nginx.base_info(urlParamObj)

    nginx.nginx_info(urlParamObj)
    nginx.response_time_chart(urlParamObj)


  //  nginx.chart_render(urlParamObj)
}

window.index_monitor_init = function ()
{
    view_init()
}

})
})